<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <title>登陆</title>
    <META http-equiv=Content-Type content="text/html; charset=utf-8"/>
    <meta http-equiv="expires" content="0" />
    <link rel="stylesheet" type="text/css" href="css/ext-theme-crisp-all.css" />
    <script type="text/javascript" src="js/ext-all.js"></script>
    <script type="text/javascript" src="js/ext-theme-crisp.js"></script>
    <script type="text/javascript" src="js/ext-lang-zh_CN.js"></script>
    <script type="text/javascript" src="js/jq.js"></script>
</head>
<body>
 <form action="/index" method="post" id="form2" namespace="/index" style='display: none'>
    <input type=hidden name='loginName' id='loginName' value=''>
    <input type=hidden name='passWord' id='passWord' value=''>
</form>
 <form action="/admin" method="post" id="form3" namespace="/admin" style='display: none'>
     <input type=hidden name='loginName1' id='loginName1' value=''>
     <input type=hidden name='passWord1' id='passWord1' value=''>
 </form>
<script language="javascript">
    var uname = new Ext.form.TextField( {
        id :'uname',
        fieldLabel : '用户名',
        wight : 200,
        name : 'name',//元素名称
        allowBlank : false,//不允许为空
        blankText : '用户名不能为空'//错误提示内容
    });
    var pwd = new Ext.form.TextField( {
        id : 'pwd',
        wight : 200,
        inputType : 'password',
        fieldLabel : '密　码',
        name : 'password',
        allowBlank : false,
        blankText : '密码不能为空'
    });
    Ext.onReady(function() {
        //使用表单提示
        Ext.QuickTips.init();
        Ext.form.Field.prototype.msgTarget = 'side';
        //定义表单
        var simple = new Ext.FormPanel( {
            labelWidth : 75,
            defaults : {
                width : 300
            },
            defaultType : 'textfield',//默认字段类型
            bodyStyle : 'background: #ffffff;padding:30 0 0 20;',
            border : false,
            buttonAlign : 'center',
            border : false,
            id : "form",
            //定义表单元素
            items : [ uname, pwd ],
            buttons : [ {
                text : '用户登录',
                type : 'submit',
                id : 'sb',
                //定义表单提交事件
                handler : userSubmit
            },{
                text : '管理登录',
                type : 'submit',
                id : 'sb1',
                //定义表单提交事件
                handler : adminSubmit
            }, {
                text : '重置',
                handler : function() {
                    simple.form.reset();
                }
            } ]
        });
        function userSubmit() {
            var userName = uname.getValue();
            var userPass = pwd.getValue();
            $("#loginName").val(userName);
            $("#passWord").val(userPass);
            document.getElementById("form2").submit();
        };
        function adminSubmit() {
            var userName = uname.getValue();
            var userPass = pwd.getValue();
            $("#loginName1").val(userName);
            $("#passWord1").val(userPass);
            document.getElementById("form3").submit();
        };
        //定义窗体
        var win = new Ext.Window({
            id : 'win',
            layout : 'fit', //自适应布局
            align : 'center',
            width : 330,
            height : 182,
            resizable : false,
            draggable : false,
            border : false,
            bodyStyle : 'padding:5px;background:#fff',
            maximizable : false,//禁止最大化
            closeAction : 'close',
            closable : false,//禁止关闭,
            items : simple
            //将表单作为窗体元素嵌套布局
        });
        win.show();//显示窗体
        pwd.focus(false, 100);
    });
</script>
</body>
</html>